<script setup>
import NowWeather from '../components/NowWeathercopy.vue';
import CitySearch from '../components/CitySearch.vue';
import Future24HBa from '@/components/Future24HBa.vue';
import living from '@/components/living.vue';
import Future7DayBa from '@/components/Future7DayBa.vue';

</script>



<template>

<NowWeather />
<div class="flex-container">
<Future24HBa /><Future7DayBa />

</div>


<living />

</template>


<style scoped>
.flex-container {
  display: flex;
  flex-direction: row;
}
</style>